<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <!--<meta property="qc:admins" content="15317273575564615446375"/>-->
    <!--<meta property="og:image" content="https://static.segmentfault.com/v-5be168e8/global/img/touch-icon.png"/>-->
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta name="alexaVerifyID" content="LkzCRJ7rPEUwt6fVey2vhxiw1vQ"/>
    <meta name="apple-itunes-app" content="app-id=958101793, app-argument=">
    <title>ItBus it技术社区</title>
    <meta name="description" content="ItBus it技术社区 为开发者提供问答、学习与交流编程知识的平台，创造属于开发者的时代！"/>
    <meta name="keywords" content="ItBus,it技术社区,javascript,php,python,java,mysql,ios,android,vue.js,node.js,html,css,ruby,git,docker,前端"/>
    <!--<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="SegmentFault"/>-->
    <link rel="shortcut icon" href="https://static.segmentfault.com/v-5be168e8/global/img/favicon.ico"/>
    <!--<link rel="apple-touch-icon" href="https://static.segmentfault.com/v-5be168e8/global/img/touch-icon.png">-->
    <meta name="msapplication-TileColor" content="#009a61"/>
    <!--<meta name="msapplication-square150x150logo" content="https://static.segmentfault.com/v-5be168e8/global/img/touch-icon.png"/>-->
    <!--<meta name="baidu_union_verify" content="bcf7fd80dca60d53d46d5b46e1b990ca">-->

    <!--<link rel="alternate" type="application/atom+xml" title="SegmentFault 最新问题" href="/feeds/questions">-->
    <!--<link rel="alternate" type="application/atom+xml" title="SegmentFault 最新文章" href="/feeds/blogs">-->
    <!--<link rel="stylesheet" href="https://static.segmentfault.com/v-5be168e8/global/css/global.css"/>-->
    {css href="/static/css/sf/global.css" /}
    {css href="/static/css/sf/index.css" /}
    {js href="/static/js/sf/spcjs.js" /}
    <!--<script type='text/javascript' src='https://sponsor.segmentfault.com/spcjs.php?id=1&block=1&repu=0'></script>-->
</head>
<body data-mod="index"
      class="index-index "><!--[if lt IE 9]>
<div class="alert alert-danger topframe" role="alert">你的浏览器实在<strong>太太太太太太旧了</strong>，放学别走，升级完浏览器再说
    <a target="_blank" class="alert-link" href="http://browsehappy.com">立即升级</a>
</div>
<![endif]-->
<img id="icon4weChat" style="height: 0;width: 0;" data-src="https://static.segmentfault.com/v-5be168e8/global/img/touch-icon-512.png">
<div id="gridMapHoverBox" style="position:absolute; border: 1px solid #009a61; z-index:99; font-size: 10px; background:#fff"></div>
<div class="global-nav sf-header sf-header--index">
    <div class="bottom-nav visible-xs visible-sm ">
        <div class="opts">
            <a class="opts-group active" href="/"><i class="fa fa-home" aria-hidden="true"></i><span>首页</span></a><a class="opts-group " href="/questions"><i class="fa fa-comments" aria-hidden="true"></i><span>问答</span></a><a class="opts-group " href="/blogs"><i class="fa fa-pencil-square" aria-hidden="true"></i><span>专栏</span></a><a class="opts-group " href="/lives"><i class="fa fa-play-circle" aria-hidden="true"></i><span>讲堂</span></a>
            <div class="opts-group">
                <div class="btn-group dropup">
                    <i class="fa fa-bars dropdown hoverDropdown" data-toggle="dropdown" aria-hidden="true"><span>更多</span></i>
                    <ul class="dropdown-menu">
                        <li><a href="/jobs">职位</a></li>
                        <li><a href="/events">活动</a></li>
                        <li><a href="/tags">标签</a></li>
                        <li><a href="/badges">徽章</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <nav class="container nav">
        <div class="visible-xs visible-sm header-response">
            <a href="/search" style="display:block"><i class="fa fa-search" aria-hidden="true"></i></a>
            <div class="sf-header__logo sf-header__logo--response"><h1>
                <a href="/" style="height:24px; background-size: auto 24px;"></a></h1></div>
            <a href="/user/login" class="pull-right login-btn"><i class="fa fa-user" aria-hidden="true"></i></a></div>
        <script>
            mobileScroll(
                function (direction) {
                    try {
                        if (direction === 'down') {
                            document.querySelector('.bottom-nav').classList.add('hidden')
                        } else {
                            document.querySelector('.bottom-nav').classList.remove('hidden')
                        }
                    } catch (err) {
                    }
                }
            );

            function mobileScroll(fn) {
                var beforeScrollTop = document.documentElement.scrollTop || document.body.scrollTop,
                    fn = fn || function () {
                    };
                window.addEventListener("scroll", function () {
                    var afterScrollTop = document.documentElement.scrollTop || document.body.scrollTop,
                        delta = afterScrollTop - beforeScrollTop;
                    if (delta === 0) return false;
                    fn(delta > 0 ? "down" : "up");
                    beforeScrollTop = afterScrollTop;
                }, false);
            }
        </script>
        <div class="row hidden-xs hidden-sm">
            <div class="col-sm-8 col-md-9 col-lg-9">
                <div class="sf-header__logo"><h1><a href="/">SegmentFault</a></h1></div>
                <div>
                    <ul class="menu list-inline pull-left hidden-xs">
                        <li class="menu__item"><a href="/" class="active-nav">首页</a></li>
                        <li class="menu__item"><a href="/questions" class="">问答</a></li>
                        <li class="menu__item"><a href="/blogs" class="">专栏</a></li>
                        <li class="menu__item"><a href="/lives" class="">讲堂</a></li>
                        <li class="menu__item menu__item--more dropdown">
                            <a href="##" class="dropdown-toggle dropdownBtn" data-toggle="dropdown">
                                发现<i class="fa fa-caret-down" style="font-size: 14px;margin-left: 5px;" aria-hidden="true"></i></a>
                            <div class="dropdown-block hidden">
                                <ul class="dropdown-content-menu">
                                    <li><a href="/groups">圈子</a></li>
                                    <li><a href="/events">活动</a></li>
                                    <li><a href="/tags">标签</a></li>
                                    <li><a href="/jobs">找工作</a></li>
                                    <li><a href="/users">排行榜</a></li>
                                    <li><a href="/badges">徽章</a></li>
                                    <li><a href="/notes">笔记</a></li>
                                    <li>
                                        <a href="https://docs.segmentfault.com" target="_blank">开发手册<i style="line-height: 20px;font-size: 12px;color: #F5A623;" class="ml10 fa fa-external-link-square"></i></a>
                                    </li>
                                    <li>
                                        <a href="https://business.segmentfault.com/ads?utm_source=sf-header" target="_blank">广告投放<i style="line-height: 20px;font-size: 12px;color: #F5A623;" class="ml10 fa fa-external-link-square"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="menu__item visible-sm-inline-block">
                            <a href="/search"><span class="glyphicon glyphicon-search" style="vertical-align: middle;"></span></a>
                        </li>
                    </ul>
                    <form action="/search" class="header-search  hidden-sm hidden-xs pull-right">
                        <button class="btn btn-link">
                            <span class="sr-only">搜索</span><span class="glyphicon glyphicon-search"></span></button>
                        <input id="searchBox" name="q" type="text" placeholder="搜索问题或关键字" class="form-control" value=""/>
                    </form>
                </div>
            </div>
            <div class="col-sm-4 col-md-3 col-lg-3 text-right">
                <ul class="opts list-inline hidden-xs">
                    <li class="opts__item">
                        <a href="/user/login" class="SFRegister btn-signin" style="margin-bottom:2px;">立即登录</a><a href="/user/register" class="SFLogin ml10 btn-signup"
                                                                                                                  onClick="_gaq.push(['_trackEvent', 'Button', 'Click', 'Login']);">免费注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>
<div class="wrapper">
    <!--<div id="loginBanner" class="hidden-sm hidden-xs loginBanner">-->
        <!--<div class="container">-->
            <!--<div class="row">-->
                <!--<div class="col-lg-6 col-md-7">-->
                    <!--<h1 class="title">在 SegmentFault，学习技能、解决问题</h1>-->
                    <!--<p class="desc">每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。</p>-->
                <!--</div>-->
                <!--<div class="col-lg-3 col-lg-offset-3 col-md-4 col-md-offset-1">-->
                    <!--<form class="register-form clearfix" action="/api/user/phone/register">-->


                        <!--<a href="/user/register" class="SFLogin btn btn-lg btn-primary mr15">免费注册</a>-->
                        <!--<a href="/user/login" class="SFRegister btn btn-lg btn-primary">立即登录</a>-->
                    <!--</form>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<i class="fa fa-times-circle" aria-hidden="true"></i>-->
    <!--</div>-->

    <div class="container mt30">
        <div class="row">
            <div class="col-md-2 left">
                <div class="router-box">
                    <a class="router-box-item active" href="/">
                        <i class="fa fa-newspaper-o" aria-hidden="true"></i>
                        <span class="name">为你推荐</span>
                    </a>
                    <a class="router-box-item " href="/hottest">
                        <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                        <span class="name">近期热门</span>
                    </a>
                    <a class="router-box-item " href="/newest">
                        <i class="fa fa-globe" aria-hidden="true"></i>
                        <span class="name">最新内容</span>
                    </a>
                    <a class="router-box-item showChannels visible-xs-block" href="/">
                        <i class="fa fa-server" aria-hidden="true"></i>
                        <span class="name">技术频道</span>
                    </a>
                </div>
                <div class="tech-square hidden-xs">
                    <h5 class="tech-square-title mt0 mb15">技术频道</h5>
                </div>
            </div>

            <div class="col-md-7 middle">

                <div class="ad-wrapper" id="mm_124884735_33830642_184038395">
                    <div class="loading">
                        <i class="fa fa-spinner fa-spin fa-2x" aria-hidden="true"></i>
                    </div>
                    <div id="carousel-example-generic" class="carousel slide mb5" data-ride="carousel">
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                            </ol>
                            <div class="carousel-inner" role="listbox">
                            </div>
                        </div>
                        <div class="mask"></div>
                    </div>
                </div>


                <div class="feed-option">
                    <h5>为你推荐</h5>
                </div>

                <div class="alert alert-info mt15 mb0 hidden" role="alert" id="notice-update"></div>

                <div class="news-list">
                    {volist name='recomm' id='vo'}
                    <div class="news-item stream__item clearfix mt15" data-id="1190000016935062">
                        <div class="news__item-info clearfix">
                            <a href='{:url("article","id=".$vo.id)}' class="news-img" style="background-image:url(https://user-images.githubusercontent.com/8554143/47716655-60a1b300-dc7e-11e8-9600-6c5bf9b0020d.jpg)"></a>
                            <a target="_blank" href=''>
                            <div class="mb5 mt5"><h4 class="news__item-title mt0">{$vo.title}</h4></div>
                            <div class="article-excerpt">
                                <!--最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖到的新内容，而且有一些很有意思，遂打算再起一篇。-->
                                {$vo.content}
                            </div>
                        </a>
                            <div class="news__item-meta">
                                <span class="pr20 votes-operation " data-id="1190000016935062" data-type="article"><span class="wrap"><i class="fa fa-thumbs-up hot"></i></span><span class="votes-num hot ">24</span><span class="dot ">·</span><span class="votes-word">赞</span></span><span class="bookmark-operation pr20 hidden" data-id="1190000016935062" data-type="article"><i class="fa fa-bookmark pr5"></i><span class="bookmark-word">收藏</span></span><span class="author pr20"><a href="/u/chokcoco">chokcoco</a><span class="dot">·</span>4 小时前</span>
                            </div>
                        </div>
                    </div>
                    {/volist}
                </div>
                <div class="text-center">
                    <ul class="pager">
                        <li id="btn-load-more" class="hidden"><a href="javascript:;">点击载入更多</a></li>
                        <li id="btn-loading" class="hidden">
                            <a href="javascript:;"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i> 载入中</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-md-3 right">

                <div id="notices" class="hidden">
                    <div class="alert alert-warning" role="alert">
                        <small><a class="report"></a></small>
                    </div>
                </div>


                <div class="mb25 hidden-md hidden-sm hidden-xs">
                    <img src="https://static.segmentfault.com/sponsor/20181107.png" alt="Planets" usemap="#gridsMap" width=255 height=136>
                    <map name="gridsMap" id="gridsMap"></map>
                    <div style="text-align: center;">
                        <a style="text-align:center; color:#9E9E9E; font-size:12px" href="/sponsor">想在上方展示你的广告？</a>
                    </div>
                    <script async src="https://static.segmentfault.com/sponsor/20181107.js"></script>
                </div>


                <div class="sf-live-recommend">
                    <div class="live-recommend">
                        <div class="live-recommend-header">
                            <h4><a href="/lives">讲座推荐</a></h4>
                            <span class="live-recommend-operation">
            <i class="fa fa-chevron-circle-left arrow-left arrow" aria-hidden="true"></i>
            <i class="fa fa-chevron-circle-right arrow-right arrow" aria-hidden="true"></i>
        </span>
                        </div>

                        <div class="live-recommend-wrapper">
                            <div class="live-recommend-detail"></div>
                        </div>
                    </div>
                </div>

                <div class="activity-recommend mb30">
                    <a href="/events" class="more-btn pull-right">更多</a>
                    <div class="activity-title">活动推荐</div>
                    <div class="activity-recommend-area"></div>
                </div>


                <div class="mb20 ad-should-be-fixed">
                    <script type='text/javascript'>
                        OA_show(1);
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    window.livePngUrl = "https://static.segmentfault.com/v-5be168e8/index/img/live.svg";
    window.pageType = "recommend";
    window.pageParam = "";
    window.timelineOffset = 0;
    window.timelineBefore = 0;
    window.timelineRecommendFollow = false;
    window.timelineStream ='';
</script>


{include file="public/footer"}

<div id="fixedTools" class="hidden-xs hidden-sm">
    <a id="backtop" class="hidden border-bottom" href="#">回顶部</a>
</div>

<script id="loginModal" type="text/template">
    <div class="row bg-white login-modal">
        <div class="col-md-12 login-wrap">
            <form action="/api/user/login" method="POST" role="form" class="mt15">
                <div class="form-group hidden">
                    <input type="text" class="form-control" name="remember" value="1"
                           autocomplete="off">
                </div>
                <div class="form-group">
                    <label for="username" class="control-label">手机号 或 Email</label>
                    <input type="text" class="form-control" name="username" tabindex="1" required placeholder="11 位手机号 或 Email"
                           autocomplete="off">
                </div>
                <div class="form-group">
                    <label class="control-label">密码</label><span class="pull-right"><a
                        href="/user/forgot" tabindex="4">忘记密码</a></span>
                    <input type="password" class="form-control" name="password" tabindex="2" required placeholder="请输入密码">
                </div>
                <div class="form-group">
                    <a

                            href="/user/phoneLogin"
                            class="phoneLogin"
                    >手机验证码登录</a>
                </div>
                <div class="form-group clearfix">
                    <button type="submit" class="btn-block btn btn-primary pull-right pl20 pr20" tabindex="3"
                            onclick='ga("send", "event", "email login button", "clicked", "login modal");'>登录
                    </button>
                </div>
            </form>
            <div class="text-muted text-center more-login-area">
                <span class="more-login-words">更多登录方式</span>
            </div>
            <div class="widget-login mb15 text-center">
                <a href="/user/oauth/google" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "google"});'><span
                        class="icon-sn-google"></span></a>
                <a href="/user/oauth/github" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "github"});");'><span
                        class="icon-sn-github"></span></a>
                <a href="/user/oauth/weibo" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "weibo"});'><span
                        class="icon-sn-weibo"></span></a>
                <a href="/user/oauth/qq" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                        class="icon-sn-qq"></span></a>
                <a href="/user/oauth/weixin" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                        class="icon-sn-weixin"></span></a>
                <a href="/user/oauth/linkedin" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "linkedin"});'><span
                        class="icon-sn-linkedin"></span></a>
                <span id="loginShowMore" style="cursor: pointer" class="mb5"><span class="icon-sn-dotted"></span></span>
                <a href="/user/oauth/twitter" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "twitter"});'><span
                        class="icon-sn-twitter"></span></a>
                <a href="/user/oauth/facebook" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "facebook"});'><span
                        class="icon-sn-facebook"></span></a>
                <a href="/user/oauth/douban" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "douban"});'><span
                        class="icon-sn-douban"></span></a>
            </div>
            <div class="form-group clearfix">
                <a class="btn-block btn btn-default pull-right pl20 pr20
                        SFLogin
             "


                   onclick='ga("send", "event", "email login button", "clicked", "login modal");'>
                    注册新账号
                </a>
            </div>
            <p class="text-muted text-center mb15">登录即表示你同意网站的<a href="/tos" target="_blank">《服务条款》</a></p></div>
    </div>
</script>
<script id="registerModal" type="text/template">
    <div class="row bg-white login-modal">
        <div class="col-md-12 login-wrap">

            <form action="/api/user/register" method="POST" role="form" class="mt15">
                <div class="form-group">
                    <label for="name" class="control-label">你的名字</label>
                    <input type="text" class="form-control" name="name" required placeholder="真实姓名或常用昵称">
                </div>

                <div class="form-group">
                    <label for="mail" class="control-label">手机号 或 Email</label>
                    <input type="text" class="form-control" id="login-name" name="mail" required placeholder="11 位手机号 或 Email">
                </div>

                <input type="text" class="hidden" name="register_type" value="mail">

                <div class="form-group">
                    <div class="phone-register-only hidden">
                        <div class="captchaInput mb10">
                            <input type="text" class="form-control" name="cap" placeholder="右侧的验证码" style="width:50%; display: inline; margin-right: 15px;">
                            <span class="mt10">
                                <a id="loginReloadCaptcha" href="javascript:void(0)">
                                <img src="/user/captcha?w=135&h=34" class="cap" width="135" height="34"/></a>
                            </span>
                        </div>
                        <div class="input-group">
                            <input name="code" type="text" class="form-control js-user-login__phone-code-value" placeholder="短信验证码">
                            <span class="input-group-btn">
                                <button class="btn btn-default js-user-login__phone-vaild-btn" style="width:96px;" type="button">
                                获取验证码</button>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="password" class="control-label">密码</label>
                    <input type="password" class="form-control" name="password" required placeholder="不少于 6 位的密码">
                </div>
                <div class="form-group clearfix">
                    <button type="submit" class="btn-block btn btn-primary pl20 pr20 pull-right"
                            onclick='ga("send", "event", "email register button", "clicked", "login modal");'>注册
                    </button>
                </div>
                <div class="text-muted text-center more-login-area">
                    <span class="more-login-words">更多登录方式</span>
                </div>
                <div class="widget-login mb15 text-center">
                    <a href="/user/oauth/google" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "google"});'><span
                            class="icon-sn-google"></span></a>
                    <a href="/user/oauth/github" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "github"});");'><span
                            class="icon-sn-github"></span></a>
                    <a href="/user/oauth/weibo" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "weibo"});'><span
                            class="icon-sn-weibo"></span></a>
                    <a href="/user/oauth/qq" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                            class="icon-sn-qq"></span></a>
                    <a href="/user/oauth/weixin" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                            class="icon-sn-weixin"></span></a>
                    <a href="/user/oauth/linkedin" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "linkedin"});'><span
                            class="icon-sn-linkedin"></span></a>
                    <span id="loginShowMore" style="cursor: pointer" class="mb5"><span class="icon-sn-dotted"></span></span>
                    <a href="/user/oauth/twitter" class=" hidden"
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "twitter"});'><span
                            class="icon-sn-twitter"></span></a>
                    <a href="/user/oauth/facebook" class=" hidden"
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "facebook"});'><span
                            class="icon-sn-facebook"></span></a>
                    <a href="/user/oauth/douban" class=" hidden"
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "douban"});'><span
                            class="icon-sn-douban"></span></a>
                </div>
                <div class="form-group clearfix">
                    <a class="btn-block btn btn-default pull-right pl20 pr20
                        SFRegister
             "


                       onclick='ga("send", "event", "email login button", "clicked", "login modal");'>
                        已有账号登录
                    </a>
                </div>
                <p class="text-muted text-center mb15">登录即表示你同意网站的<a href="/tos" target="_blank">《服务条款》</a></p></form>
        </div>
    </div>
</script>
<script id="phoneLoginModal" type="text/template">

    <div class="row bg-white login-modal phonelogin-modal">
        <div class="col-md-12 login-wrap">
            <form action="/api/user/phonelogin" method="POST" role="form" class="mt15">
                <div class="form-group">
                    <label for="phone" class="control-label required">手机号</label>
                    <input type="text" class="form-control phonelogin--phone" name="phone" tabindex="1" required placeholder="11 位手机号"
                           autocomplete="off">
                    <span class="help-block"></span>
                </div>

                <div class="form-group">
                    <label for="authCode" class="control-label required">验证码</label>
                    <div class="input-group">
                        <input type="text" class="form-control bindphone--code" name="authCode" placeholder="短信验证码">
                        <span class="input-group-btn">
                            <button class="btn btn-default user-bind__phone-vaild-btn" type="button">获取验证码</button>
                        </span>
                    </div>
                    <div class="col-sm-3"></div>
                </div>

                <div class="form-group">
                    <a
                            href="/user/login"
                            class="SFRegister"
                    >密码登录（手机号或 Email）</a>
                </div>
                <div class="form-group clearfix">
                    <button type="submit" class="btn-block btn btn-primary pull-right pl20 pr20" tabindex="3"
                            onclick='ga("send", "event", "email login button", "clicked", "login modal");'>登录
                    </button>
                </div>
            </form>
            <div class="text-muted text-center more-login-area">
                <span class="more-login-words">更多登录方式</span>
            </div>
            <div class="widget-login mb15 text-center">
                <a href="/user/oauth/google" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "google"});'><span
                        class="icon-sn-google"></span></a>
                <a href="/user/oauth/github" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "github"});");'><span
                        class="icon-sn-github"></span></a>
                <a href="/user/oauth/weibo" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "weibo"});'><span
                        class="icon-sn-weibo"></span></a>
                <a href="/user/oauth/qq" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                        class="icon-sn-qq"></span></a>
                <a href="/user/oauth/weixin" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                        class="icon-sn-weixin"></span></a>
                <a href="/user/oauth/linkedin" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "linkedin"});'><span
                        class="icon-sn-linkedin"></span></a>
                <span id="loginShowMore" style="cursor: pointer" class="mb5"><span class="icon-sn-dotted"></span></span>
                <a href="/user/oauth/twitter" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "twitter"});'><span
                        class="icon-sn-twitter"></span></a>
                <a href="/user/oauth/facebook" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "facebook"});'><span
                        class="icon-sn-facebook"></span></a>
                <a href="/user/oauth/douban" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "douban"});'><span
                        class="icon-sn-douban"></span></a>
            </div>
            <div class="form-group clearfix">
                <a class="btn-block btn btn-default pull-right pl20 pr20
                        SFLogin
             "


                   onclick='ga("send", "event", "email login button", "clicked", "login modal");'>
                    注册新账号
                </a>
            </div>
            <p class="text-muted text-center mb15">登录即表示你同意网站的<a href="/tos" target="_blank">《服务条款》</a></p></div>
    </div>
</script>
<script id="bindPhoneModal" type="text/template">
    <div class="bg-white bindphone-model">
        <div class="alert alert-warning" role="alert">
            为了保证账号安全，请先绑定手机
        </div>
        <div>
            <form class="form-horizontal form__bindphone-apply" style="background-color:#fff;padding:0;">
                <div class="form-group ">
                    <label for="phoneNumber" class="col-sm-3 control-label required">手机号码</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control bindphone--phone" id="phoneNumber" name="phone" placeholder="仅只支持大陆手机号">
                    </div>
                    <div class="col-sm-3"></div>
                </div>
                <div class="form-group">
                    <label for="authCode" class="col-sm-3 control-label required">验证码</label>
                    <div class="col-sm-6">
                        <div class="input-group">
                            <input type="text" class="form-control bindphone--code" name="code" placeholder="短信验证码">
                            <span class="input-group-btn">
                                <button class="btn btn-default user-bind__phone-vaild-btn" type="button">获取验证码</button>
                            </span>
                        </div>
                    </div>
                    <div class="col-sm-3"></div>
                </div>
            </form>
        </div>

    </div>
</script>


<script>
    window.serverTime = 1541581864000;
</script>

<script>
//    (function (w) {
//        w.SF = {
//            staticUrl: "https://static.segmentfault.com/v-5be168e8"
//        };
//        w.SF.token = (function () {
//            var _kNpWp = //'w'
//                '1b1' +//'fF'
//                'db3' +//'H'
//                'dd5' +//'T'
//                '4a' +//'2'
//                '51' + 'a5f'//'1'
//                + '26'//'KVK'
//                + 'a0'//'Rh'
//                + '234'//'ab'
//                +//'JrP'
//                'c7' + 'ab0'//'kD'
//                +//'c2'
//                '8' +//'lP'
//                '67' + 'd'//'2xh'
//                , _WCmwkjR = [];
//
//            for (var i = 0; i < _WCmwkjR.length; i++) {
//                _kNpWp = _kNpWp.substring(0, _WCmwkjR[i][0]) + _kNpWp.substring(_WCmwkjR[i][1]);
//            }
//
//            return _kNpWp;
//        })();
//        ;
//    })(window);
//
//    var lock = {
//        type: "",
//        text: '',
//        table: {"ban_post": [1, "\u4f60\u5df2\u7ecf\u88ab\u7981\u8a00, \u65e0\u6cd5\u8fdb\u884c\u6b64\u64cd\u4f5c, \u5982\u6709\u7591\u4e49\u8bf7\u63d0\u4ea4\u7533\u8bc9, \u6216\u8005\u53d1\u90ae\u4ef6\u5230pr@segmentfault.com"]}
//    };
//
//    var ddosMode = false;
//
//    (function (currentUrl) {
//        if (typeof URL != 'undefined') {
//            var baseUrl = new URL('https://segmentfault.com');
//
//            if (baseUrl.protocol != currentUrl.protocol
//                || baseUrl.host != currentUrl.host) {
//                window.location.href = baseUrl.protocol + '//' + baseUrl.host
//                    + currentUrl.pathname + currentUrl.search + currentUrl.hash;
//            }
//        }
//    })(window.location);
</script>

<script crossorigin src="https://static.segmentfault.com/v-5be168e8/3rd/assets.js"></script>

<script crossorigin src="https://static.segmentfault.com/v-5be168e8/index/script/index.min.js"></script>


<script>
//    var _gaq = _gaq || [];
//    _gaq.push(['_setAccount', 'UA-918487-8']);
//    _gaq.push(['_trackPageview']);
//    (function (i, s, o, g, r, a, m) {
//        i['GoogleAnalyticsObject'] = r;
//        i[r] = i[r] || function () {
//            (i[r].q = i[r].q || []).push(arguments)
//        }, i[r].l = 1 * new Date();
//        a = s.createElement(o),
//            m = s.getElementsByTagName(o)[0];
//        a.async = 1;
//        a.src = g;
//        m.parentNode.insertBefore(a, m)
//    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
//
//
//    ga('create', 'UA-918487-8', 'auto', {
//        'userID': 0,
//        'createdTime': 0,
//        'now': 1541581864,
//        'allowLinker': true
//    });
//    ga('require', 'linker');
//    ga('linker:autoLink', ['docs.segmentfault.com']);
//    ga('set', 'dimension1', 'guest');
//    ga('send', 'pageview');

</script>

<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>


</body>
</html>
